/*Css Reset Begin*/
html,
body {
    margin: 0px;
    /* height: 100%; */
    width: 100%;
}

body {
    font-family: "Source Han Sans SC", "思源黑体", "Source Han Sans CN", "思源黑体 CN", "Noto Sans CJK SC", "SimHei", "黑体";
    /* text-align: center; */
    -webkit-tap-highlight-color: transparent;
    /* font-size: 0px; */
}

body .header1{
    font-size: 0px;
    text-align: center;
}

/*Css Reset End*/

/*Common Style*/
.tofu {
    display: inline-block;
    vertical-align: middle;
}
.nav .second a{ color: #9dd1ef;}
.tofu .imgbg .trans {
   color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 75%;
    float: left;
}

.tofu span .zhaiyao {
   color: #595757;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    display: block;
    cursor: pointer;
     display: -webkit-box;
  -webkit-line-clamp: 4; /* 显示4行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  background: url(../images/ship_sign7.png) no-repeat right 85px;
}
.imgbg {
    background-repeat: no-repeat;
    background-position: center center;
}

.shipbg {
    width: 100%;
    min-width: 972px;
    /*background-color: #ffffff;*/
}

.orange {
    margin-left: 14px;
    height: 3px;
    background-color: #e87c1d;
    vertical-align: 8px;
    width: 25px;
}

.morebtn {
    margin: 0px 1px;
    height: 22px;
    width: 80px;
    font-size: 12px;
    font-weight: 300;
    color: #999ca2;
    line-height: 22px;
    float: right;
    background-image: url(../images/ship_iemore.png);
}

/*Page Element Begin*/

/*Header Section*/
.gradient {
    height: 53px;
    width: 100%;
    position: absolute;
    top: 122px;
    background-image: url(../images/ship_top1.png);
    background-repeat: repeat-x;
    /* background-color: rgba(25, 63, 137, 0.6);
    background: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#99193f89, endColorstr=#99193f89);*/
    z-index: 90;
    display: none;
}

.swiper-wrapper .swiper-slide .trans {
    display:block;
    height:100%;
    width:100%;
}

.shipbg.header1 {
    height: 122px;
    background-image: url(../images/ship_top0.png);
    background-repeat: repeat-x;
    /* background-color: rgba(133, 173, 216, 0.8);
    background: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#9985add8, endColorstr=#9985add8); */
    position: absolute;
    top: 0px;
    z-index: 90;
}

.shipbg.header1 .topbar {
    margin: 0px auto;
    width: 972px;
    text-align: left;
    padding-top: 14px;
    overflow: hidden;
    height: 36px;
}

.shipbg.header1 .topbar img {
    height: 36px;
    width: 396px;
    padding-right: 10px;
}

.shipbg.header1 .topbar span {
    text-align: center;
}

.shipbg.header1 .topbar h1 {
    font-size: 24px;
    line-height: 20px;
    font-weight: 500;
}

.shipbg.header1 .topbar h2 {
    font-size: 10px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Arial";
}

.shipbg.header1 .topbar a {
    float: right;
    height: 36px;
    width: 30px;
    margin: 0px 0px 0px 18px;
}

.shipbg.header1 .topbar .sign {
    background-image: url(../images/ship_sign1.png);
}

.shipbg.header1 .topbar .mail {
    background-image: url(../images/ship_sign2.png);
}

.shipbg.header1 .topbar .find {
    background-image: url(../images/ship_sign3.png);
}

.shipbg.header1 .nav {
    width: 972px;
    margin: 0px auto;
}

.shipbg.header1 .nav .tofu {
    display: inline-block;
    width: 121.5px;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    height: 58px;
    padding-top: 14px;
    cursor: pointer;
    position: relative;
}

.shipbg.header1 .nav .tofu:hover {
    background-image: url(../images/ship_navbg.png);
    background-position: center bottom;
}

.shipbg.header1 .nav .second {
    position: absolute;
    left: 50%;
    top: 72px;
    top: 70px\9;
    white-space: nowrap;
    font-size: 0px;
    height: 53px;
    z-index: 91;
    display: none;
}

.shipbg.header1 .nav .hover .second {
    display: block;
}

.nav .second li {
    display: inline-block;
    padding: 0px 16px;
    margin: 0px;
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #99c8ff;
    cursor: pointer;
    font-weight: 500;
}

.nav .second li:hover {
    color: #ffffff;
}

/*Banner Section*/
.shipbg.banner,
.shipbg.banner ul li {
    height: 600px;
}

.shipbg.banner .control {
    max-width: 1360px;
    width: 100%;
    height: 0px;
    margin: 0px auto;
    position: relative;
    z-index: 91;
}

.shipbg.banner .control img:first-child {
    left: 10px;
}

.shipbg.banner .control img {
    position: absolute;
    height: 80px;
    width: 41px;
    right: 10px;
    top: 315px;
    cursor: pointer;
}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../images/ship_iepag0.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.swiper-active-switch {
    background-color: transparent;
    background-image: url(../images/ship_iepag1.png);
}

/*News Section*/
.shipbg.news {
    height: 465px;
}

.shipbg.news .flash {
    width: 972px;
    padding-top: 13px;
    height: 36px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    margin: 0px auto;
    position: relative;
}

.shipbg.news .flash h1.imgbg {
    color: #193f89;
    font-weight: 700;
    text-align: right;
    font-size: 16px;
    line-height: 33px;
    padding: 0px 4px;
    border-bottom: 3px solid #cdcfd2;
}

.flash h1.imgbg img {
    padding-right: 8px;
}

.shipbg.news .flash h2.tofu {
    line-height: 33px;
    height: 33px;
    border-bottom: 1px solid #e6e6e7;
    vertical-align: top;
    color: #595757;
    font-size: 14px;
    font-weight: 500;
}

.shipbg.news .flash h2.price {
    padding: 0px 22px;
}

.flash h2.price b {
    margin-left: 4px;
    padding: 0px 3px;
    font-weight: 500;
    border-radius: 3px;
    line-height: 16px;
    vertical-align: 0px;
}

.shipbg.news .flash h2.roll {
    width: 492px;
    overflow-y: scroll;
    height: 54px;
}

.shipbg.news .flash em {
    font-style: normal;
    padding: 0px 90px 0px 20px;
}

.flash .roll span {
    padding: 0px 14px;
    background-position: center left;
    background-image: url(../images/ship_sign6.png);
}

.flash .roll i {
    color: #9fa0a0;
    margin-left: 12px;
    font-style: normal;
    vertical-align: 0px;
}

.shipbg.news .flash .whitebg {
    position: absolute;
    right: 0px;
    width: 90px;
    height: 36px;
    background-color: #ffffff;
    bottom: 1px;
}

.shipbg.news .flash .morebtn {
    margin-top: 8px;
}

.shipbg.news .article {
    padding-top: 40px;
    margin: 0px auto;
    width: 972px;
}

.shipbg.news .article .title {
    height: 24px;
    color: #193f89;
    font-weight: 700;
    text-align: left;
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 15px;
}

.shipbg.news .article .morebtn {
    text-align: center;
    margin-top: 1px;
}

.shipbg.news .article .show {
    height: 297px;
    width: 528px;
}

.article .show li {
    height: 297px;
    width: 528px;
}

.article .show .word {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-weight: 700;
    text-align: left;
    text-indent: 10px;
    font-size: 14px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.4);
    background: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#99000000, endColorstr=#99000000);
}

.article .show .word h3 {
    display: none;
}

.article .show .word h3.on {
    display: block;
}

.article .show .word .pagi {
    position: absolute;
    width: 48px;
    height: 35px;
    text-indent: 0px;
    font-size: 0px;
    bottom: 0px;
    right: 10px;
}

.article .pagi .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 35px;
    margin: 0px 3px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../images/ship_iepag4.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.article .pagi .swiper-active-switch {
    background-color: transparent;
    background-image: url(../images/ship_iepag5.png);
}

.shipbg.news .article .detail {
    height: 297px;
    width: 416px;
    margin-left: 28px;
    text-align: left;
}

.shipbg.news .detail h1 {
    color: #193f89;
    font-weight: 700;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    background-position: center left;
    background-image: url(../images/ship_sign6.png);
    text-indent: 16px;
    margin-bottom: 9px;
}

.shipbg.news .detail i {
    color: #9fa0a0;
    font-style: normal;
    height: 16px;
    font-weight: 400;
    float: right;
    margin-top: -16px\9;
}

.shipbg.news .detail span {
    color: #595757;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    /*text-indent: 2em;*/
    display: block;
    cursor: pointer;
}

/* .shipbg.news .detail span a:after {
    height: 15px;
    width: 9px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ship_sign7.png);
    content: "";
    float: right;
    margin-top: 6px;
} */

.shipbg.news .detail ul {
    height: 191px;
    border-top: 3px solid #e6e6e7;
}

.shipbg.news .detail li {
    overflow: hidden;
    height: 46px;
    border-bottom: 1px solid #e6e6e7;
    background-image: url(../images/ship_sign8.png);
    background-position: center right;
}

.shipbg.news .detail b {
    color: #9fa0a0;
    font-weight: 400;
    padding-left: 8px;
    width: 37px;
    font-size: 14px;
    font-family: "Arial";
    overflow: hidden;
    padding-top: 8px;
    text-align: center;
    display: inline-block;
}

.shipbg.news .detail p {
    color: #e77918;
}

.shipbg.news .detail h2 {
    height: 100%;
    line-height: 46px;
    padding-left: 18px;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #595757;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

/*Info Section*/
.shipbg.info {
    height: 373px;
    background-color: #eff0f2;
}

.shipbg.info .body {
    padding-top: 40px;
    width: 972px;
    margin: 0px auto;
    text-align: left;
}

.shipbg.info .body .content {
    height: 294px;
    width: 529px;
}

.shipbg.info .body .entry {
    height: 294px;
    width: 416px;
    margin-left: 27px;
}

.body .entry .imgbg {
    width: 208px;
    height: 147px;
}

.body .content .text {
    width: 179px;
    height: 100%;
}

.body .content h1 {
    height: 24px;
    color: #193f89;
    font-weight: 700;
    text-align: left;
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 15px;
}

.body .content span {
    color: #595757;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    text-indent: 2em;
    display: block;
}

.body .content .text a.tofu {
    margin: 8px 0px 0px 6px;
    height: 22px;
    width: 120px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
    background-image: url(../images/ship_ieall.png);
}

.body .content .pic {
    height: 262px;
    width: 350px;
}

.body .content .page {
    width: 350px;
    height: 16px;
    padding-top: 15px;
}

.body .content .page p {
    font-size: 16px;
    color: #193f89;
    font-weight: 700;
    line-height: 16px;
    display: none;
}

.body .content .page p.on {
    display: block;
}

.body .content .page .tabbtn {
    float: right;
    width: 51px;
    height: 16px;
    margin-top: -16px;
}

.content .tabbtn .swiper-pagination-switch {
    display: inline-block;
    width: 11px;
    height: 16px;
    margin: 0px 0px 0px 9px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../images/ship_iepag2.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.content .tabbtn .swiper-pagination-switch:first-child {
    margin: 0px;
}

.content .tabbtn .swiper-active-switch {
    background-color: transparent;
    background-image: url(../images/ship_iepag3.png);
}

/*Link Section*/
.shipbg.link {
    height: 388px;
    background-color: #3058a6;
}

.shipbg.link .section {
    width: 972px;
    height: 352px;
    margin: 0px auto;
    padding-top: 36px;
    text-align: left;
}

.shipbg.link .section .tab {
    height: 100%;
    width: 550px;
}

.section .tab ol {
    height: 44px;
    width: 100%;
    border-bottom: 1px solid #4e6fae;
}

.section .tab ol li {
    height: 44px;
    font-size: 16px;
    font-weight: 700;
    color: #9dd1ef;
    padding: 0px 12px;
    line-height: 44px;
    padding-top: 1px;
    cursor: pointer;
}

.section .tab ol li.on {
    padding-top: 0px;
    background-color: #193f89;
    color: #ffffff;
    border-bottom: 0px;
    border-top: 1px solid #4e6fae;
    border-left: 1px solid #4e6fae;
    border-right: 1px solid #4e6fae;
}

.section .tab ul {
    height: 290px;
    width: 550px;
    padding-top: 16px;
}

.section .tab ul li {
    padding-left: 2px;
    width: 273px;
    padding-bottom: 10px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #9dd1ef;
    display: inline-block;
}

.section .tab ul div.tofu {
    margin: 10px 30px 0px 0px;
    height: 30px;
    line-height: 30px;
    width: 250px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    color: #6bafd6;
    background-image: url(../images/ship_ieknow.png);
}

.section .tab ul .vert {
    width: 275px;
}

.section .tab ul .head {
    color: #ffffff;
    font-style: normal;
    background-color: #6bafd6;
    padding: 0px 8px;
    margin: 2px 2px 12px 6px;
    border-radius: 10px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
}

.section .tab ul .tofu .trans {
    display: inline-block;
    height: 100%;
    width: 100%;
}
.link .tofu .trans{ color: #9dd1ef;}
.section .tab ul.hide {
    display: none;
}

.shipbg.link .section .about {
    height: 100%;
    width: 386px;
    margin-left: 36px;
}

.section .about h1 {
    line-height: 44px;
    /* width: 376px;  */
    height: 44px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border-bottom: 1px solid #4e6fae;
    margin-bottom: 16px;
    /* background-image: url(../images/ship_sign9.png); */
    /* background-position: right 44px; */
    position: relative;
}

.about h1.imgbg a.tofu {
   margin-left: 79px;
    bottom: -7px;
    position: absolute;
    height: 14px;
}

.section .about h2 {
    padding-left: 1px;
    width: 210px;
    height: 212px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #9dd1ef;
}

.section .about h3 {
    padding-left: 21px;
    height: 212px;
    vertical-align: top;
}

.about h3 img {
    height: 154px;
    width: 154px;
}

.about h3 span {
    padding-top: 8px;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #9dd1ef;
    display: block;
    text-align: center;
}

.about h3 span>img {
    height: 16px;
    width: 66px;
}

/*Footer Section*/
.shipbg.footer {
    height: 85px;
    background-color: #dee0e4;
}

.shipbg.footer .botbar {
    width: 972px;
    height: 55px;
    padding-top: 15px;
    margin: 0px auto;
    position: relative;
}

.shipbg.footer .botbar .copy {
    text-align: center;
    line-height: 18px;
    color: #595757;
    font-weight: 500;
    width: 100%;
    font-size: 14px;
}

.shipbg.footer .botbar h1 {
    position: absolute;
    height: 18px;
    font-size: 14px;
    font-weight: 500;
    width: 146px;
    right: 0px;
    bottom: 0px;
}

.shipbg.footer .botbar a {
    color: #595757;
}

.shipbg.footer .botbar i {
    border-left: 2px solid #adafb2;
    height: 14px;
    line-height: 16px;
    margin: 0px 8px;
}

/*Page Element End*/